<template>
    <div class="header">
        城市选择
        <router-link to="/home">
             <div class="fa fa-angle-left fa-2x faleft"></div>
       </router-link>
    </div>
</template>

<script>
export default {
name:'CityHeader'
}
</script>

<style lang="stylus" scoped>
@import "~styles/varibles.styl";
.header{
    overflow hidden
    height .86rem
    line-height .86rem
    text-align center
    color #fff
    background: #00bcd4;
    font-size .32rem;
}
.faleft{
    float: left;
    height: 0.86rem;
    line-height: 0.86rem;  
    position: relative;
    left: 0.2rem;
    color:#fff;
}

</style>
